@charset "utf-8";

.bup-meupic{ width:100%; height:300px; background-color:#DEDEDE;}

.bup-meuul{ width:1300px; height:300px; margin:0 auto;}
.bup-meuul ul{ padding-top:55px;}
.bup-meuul ul li{ float:left; padding:0 30px;}
.bup-meuul ul li img{ height:120px;}
.bup-meuul ul li p{ font-size:16px; line-height:24px;}
.bup-meuul ul li a{ display:inherit; color:#000; text-align:center;}
.bup-meuul ul li a:hover{ color:#000;}
.bup-banner{ width:100%; min-width:1200px; overflow:hidden;}
.bup-banner img{ width:100%; display:inherit;}

.bup-prod{ width:1200px; margin:20px auto;}
.bup-prod ul li{ background-color:#EFEFEF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; padding:15px; float:left; width:560px; height:350px; margin-top:10px;margin-bottom:10px; display: inherit;}
.bup-right{ margin-right:20px;}
.bup-pqdq{ font-size:28px; font-weight:bold;}
.bup-qyuy{ font-size:18px; padding:10px 0; color:#333;}
.bup-prdmg{ margin-top:12px; text-align:center;}

.bup-about{ width:1160px; border:solid 1px #E4E4E4; margin:20px auto; background-color:#FBFBFB; padding:20px;}
.bupabut-tite{ font-size:26px; font-weight:bold; line-height:40px;}
.bupabut-nr{ font-size:20px; line-height:34px; text-align:left; color:#333; padding:20px;}

/*案例样式*/
.bup-anli{ width:100%; background-color:#DEDEDE; padding:20px 0; text-align:center;}
.bup-anlitp{ width:1200px; height:50px; padding:25px 0;}
.bup-anlitp span{ width:299px; text-align:center; font-size:24px; float:left; color:#0DBBF8; display:inherit; line-height:50px;}
.bup-anlitp a,.bup-anlitp a:hover{color:#0DBBF8; padding-bottom:5px; text-decoration:none; border-bottom:dashed 1px #999999;}
.bup-anlimo{ width:1200px; margin:0 auto;}
.bup-anlitpnr ul li{ float:left; background-image:url(../img/anlibg.jpg); background-repeat:no-repeat; background-position:top left;height:306px; padding:10px;width:350px; margin:10px 14px;}
.bup-alimg{ width:350px; height:250px;}
.bup-anlititle{ font-size:18px; text-align:center; height:42px; line-height:42px; overflow:hidden;color:#666;}
.bup-anlitpnr a,.bup-anlitpnr a:hover{ color:#666; text-decoration:none;}

.header{ width:100%; height:130px; background-image:url(images/bg.jpg); background-repeat:repeat-x}
.header130{width:1200px; height:130px;border:none; text-align:center;margin:0 auto;}
.title,.title a{ width:95px;height:60px; float:left; color:#000000; text-align:center; line-height:60px; text-decoration:none; margin-top:33px;}
.title a:hover{ width:95px;height:60px; float:left; background-color:#004CA0;color:#ffffff; text-align:center; line-height:60px;text-decoration:none}
.home{ width:1200px; border:none; text-align:center;margin:0 auto;}
.content1200{ width:1200px; border:none; text-align:center;margin:0 auto;}
.content400{ width:400px; float:left}
.logo{ width:203px; height:126px; float:left; margin:0 10px;}
.banner_selected a{ width:95px;height:60px; background-color:#004CA0;color:#ffffff; text-align:center; line-height:60px;text-decoration:none}
.hidden-m{display:block}
.hidden-pc{display:none}
.cb{clear:both}
.foot{padding-bottom:10px}
@media (max-width:768px)
{
*{box-sizing:border-box}
.hidden-m{display:none !important}
.hidden-pc{display:block !important}
.header{height:auto !important}
.header130,.content1200{width:100% !important;height:auto !important}
.logo{width:100% !important;height:auto !important;text-align:center;background:#004ca0;margin:0 0 5px 0 !important}
.logo img{max-width:100%;margin:0 auto}
.header h2{position:static !important}
.title{width:25% !important;margin:0 !important;height:45px !important;line-height:45px !important}
.title a{width:100% !important;margin:0 !important;height:45px !important;line-height:45px !important;font-size:16px !important}
img{max-width:100% !important}
.home{width:100% !important}
.content400{width:100% !important}
}
@media (max-width:350px)
{

}